*{
  padding: 0;
  margin: 0;
}
.img{
  width: 43rem;
  margin-top: 0rem;
 
}


.div{
  width: 100vw;
  height: 100vh;
  background-color: rgb(247, 247, 247);
  position: relative;
  .div1{
    width: 90vw;
    height: 5rem;
    display:flex;
    justify-content: space-between;
    font-size:2rem;
    font-weight:2rem;
    position: absolute;
    top:2rem;
    left:2rem;
  }
  .div2{
    width: 39rem;
    height: 40rem;
    background-color: white;
    position: absolute;
    top:17rem;
    left: 2rem;
    Button{
      width: 36rem;
      margin-top: 4rem;
      margin-left:1.5rem
    }
    .xp{
      display: flex;
      p{
        width: 15rem;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        font-size: 2rem;
        background-color: rgb(221,239,254);
        color: gray;
      }
      .p1{
        width: 15rem;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        background-color: white;
        color: blue;
        font-size: 2.5rem;
      }
    }
    .input{
      width: 88%;
      margin: 1rem 2.5rem;
    }
  }
  .div3{
    display: flex;
    width: 35rem;
    height: 8rem;
    margin:2rem auto;
    color:rgb(155, 155, 155) ;
    border-bottom: 1px solid rgb(219, 216, 216);
    p{
      font-size: 1.5rem;
    }
    .p1{
      input{
        border: 0px ;
        border-right: 1px solid rgb(219, 216, 216);
        width: 5rem;
        height: 4rem;
        font-size: 2rem;
      }
    }
    .p2{
      margin-left: 1rem;
      input{
        border: 0px ;
        width: 28rem;
        height: 4rem;
        font-size: 2rem;
      }
    }
  }
  .div4{
    justify-content: space-between;
    display: flex;
    width: 35rem;
    height: 7rem;
    margin:2rem auto;
    color:rgb(155, 155, 155) ;
    border-bottom: 1px solid rgb(219, 216, 216);
    .pp{
      line-height: 7rem;
    }
    p{
      font-size: 1.5rem;
    }
    .p1{
      input{
        border: 0px ;
        
        width: 13rem;
        height: 4rem;
        font-size: 2rem;
      }
    }
    .p2{
      margin-left: 1rem;
      input{
        border: 0px ;
        width: 16rem;
        height: 4rem;
        font-size: 2rem;
      }
    }
  }
}

.diva{
  width: 100vw;
  height: 100vh;
  .d{
    width: 100vw;
    height: 100vh;
    .img1{
      width: 44rem;
      margin-top: 7rem;
      position: absolute;
      z-index: -1;
    }
    .div1{
      width: 100vw;
      height: 9rem;
      display: flex;
      font-size: 3rem;
      line-height: 10rem;
      justify-content: space-between;
      position: fixed;
      background-color: white;
      top:0rem;
      z-index: 1;
      
    }
    .div2{
      width: 100vw;
      height: 100vh;
      margin-top: 39rem;
      background-color: rgb(247, 247, 247);
      position: absolute;
      z-index: 0;
    
      .div3{
        width: 95%;
        margin: 1.5rem auto;
        height: 20rem;
        background-color:white;
        display:flex;
        .p{
          color:rgb(155, 155, 155) ;
        }
        .p1{
          color: red;
          span{
            color: black;
            margin-left:0.5rem
          }
        }
        img{
          width: 15rem;
          height: 15rem;
          margin-top: 2rem;
          margin-left: 1rem;
        }
        ul{
          margin-top: 2rem;
          list-style: none;
          li{
            font-size: 1.5rem;
            width: 20rem;
            white-space: nowrap; 
            overflow: hidden; 
            text-overflow: ellipsis; 
            margin-top:1.5rem;
            margin-left:1rem
          }
        }
      }
      
     
    }
   
  }
  
}


.a{
  width: 35rem;
  height: 3rem;
  margin-left:3rem;
  border: 0;
  color: rgb(247, 247, 247) ;
  border-bottom: 1px solid rgb(219, 216, 216);
}


.div5{
  width: 100%;
  margin-top: 23rem;
  .di1{
    width: 100%;
    display: flex;
    ul{
      margin-left: 2.4rem;
      li{
        font-size: 1.5rem;
      }
      .li1{
        font-size: 3rem;
        color: red;
      }
      .li2{
        font-size: 3rem;
        color: rgb(236,128,141);
      }
      .li3{
        font-size: 3rem;
        color: rgb(129,211,248);
      }
      .li4{
        font-size: 3rem;
        color: blueviolet;
      }
      .li5{
        font-size: 3rem;
        color: rgb(250,205,145);
      }
    }
    .li6{
      font-size: 3rem;
      color: rgb(61,123,224);
    }
    .li{
      background-color: rgb(61,123,224);
      color: white;
    }
  }
  .d2{

    
    background-color: rgb(247, 247, 247);
  }
  .di2{
    width: 95%;
    margin-top: 2rem;
    margin-left: 1rem;
    border-radius: 2rem;
    text-overflow: ellipsis; 
    overflow: hidden;
    background-color: white;
    img{
      width: 100%;
      height: 20rem;
    }
    p{
      font-size: 1.8rem;
      font-weight: 800;
      margin-top:1.5rem;
      margin-left:2rem
    }
    ul{
      display: flex;
     
      color: rgb(158, 157, 157);
      margin-top: 1rem;
      li{
        margin-left: 2rem;
        width: 20rem;
        font-size: 1.8rem;
        font-weight: 800;
        margin-left: 4rem;
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        margin-top:1.5rem;
        margin-left:2rem
      }
      .li{

        color: red;
        span{
          color: rgb(158, 157, 157);
        }
      }
    }
  }
}

.da2{
  width: 100%;
  height: 15rem;
  background-color: white;
  position: fixed;
  top: 0;
  .ul{
    display: flex;
    .p{
      font-size: 2rem;
      margin-top: 2rem;
      margin-left: 1rem;
    }
    p{
      margin-left: 1rem;
    }
    .p1{
      margin-top: 1rem;
    }
    .input{
      width: 30rem;
      height: 3.5rem;
      margin-top: 2rem;
      margin-left: 3rem;
      border:1px solid rgb(24, 109, 148);
      border-radius: 10rem;
  }
  }
  .di1{
    width: 100%;
    display: flex;
    margin-top: 2rem;
    ul{
      margin-left: 2.4rem;
      li{
        font-size: 1.5rem;
      }
      .li1{
        font-size: 3rem;
        color: red;
      }
      .li2{
        font-size: 3rem;
        color: rgb(236,128,141);
      }
      .li3{
        font-size: 3rem;
        color: rgb(129,211,248);
      }
      .li4{
        font-size: 3rem;
        color: blueviolet;
      }
      .li5{
        font-size: 3rem;
        color: rgb(250,205,145);
      }
    }
    .li6{
      font-size: 3rem;
      color: rgb(61,123,224);
    }
    .li{
      background-color: rgb(61,123,224);
      color: white;
    }
  }
 
}

.s{
  display: none;
}
